.user-profile {
	.group-title {
		border-bottom: 2px solid #eeeeee;
	}
	.user-basic-info {
		margin-bottom: -4px;
		.el-form-item {
			margin-bottom: 0;
			.el-form-item__content,
			.el-form-item__label {
				line-height: 40px;
			}
			.el-input {
				height: 30px;
				margin-top: 5px;
			}
			.setting-btn.el-link {
				height: 25px;
				margin: 8px 8px 0 0;
			}
			.el-tag {
				height: 30px;
				margin: 5px 0;
			}
		}
	}
	.el-form-item.preview {
		margin-top: 10px;
		margin-bottom: 10px;
		.system-title-preview {
			align-items: flex-end;
			width: 100%;
			padding: 10px 20px;
			background: var(--el-color-primary-light-9);
			.el-image {
				height: 40px;
				margin-right: 6px;
			}
			.title {
				font-size: 21.5px;
				font-weight: bold;
				white-space: nowrap;
			}
		}
	}
	.layout-settting {
		.layout-box {
			padding: 27px;
			.layout-item {
				width: 80%;
				height: 194px;
				padding: 6px;
				margin-bottom: 8px;
				border: 1px solid #dddddd;
				box-shadow: 1px 1px 5px #cccccc;
				opacity: 0.7;
			}
			.layout-item:hover {
				opacity: 1;
			}
			.layout-item.is-active {
				opacity: 1;
			}
		}
	}
}
.user-profile-dialog {
	.el-form {
		padding-right: 20px;
	}
}
